<template>
	<view class="container">
		<view class="smart-page-head">
			
		</view>

		<view class="smart-padding-wrap">
			<navigator url="/pages/viewsdemo/navigator/newpage/newpage?Accout=msy&cid=15623" hover-class="navigator-hover" >
				<button type="default">跳转到新页面</button>
			</navigator>

			<navigator url="/pages/viewsdemo/navigator/navigator?title=redirect" open-type="redirect"
				hover-class="other-navigator-hover">
				<button type="default">在当前页打开</button>
			</navigator>

			<navigator url="/pages/viewsdemo/navigator/navigator" open-type="reLaunch"
				hover-class="other-navigator-hover">
				<button type="default">新建调用栈</button>
			</navigator>

			<navigator url="/pages/tabBar/api/api" open-type="switchTab" hover-class="other-navigator-hover">
				<button type="default">跳转到tab页面</button>
			</navigator>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: 'navigator',
			Account:'lisi',
			CID:44322
		}
	},
	methods:{
		gonavigate(){
			list[2];
			uni.navigateTo({
				url:"/pages/viewsdemo/navigator/newpage/newpage?Account="
				+this.Account
				+"&cid="
				+this.CID
			})
		}
	}
}
</script>

<style>
.container {
	min-height: 100vh;
	background-color: #f5f5f5;
	padding: 30rpx;
}

/* 顶部标题样式 */
.smart-page-head {
	padding: 30rpx 0;
	text-align: center;
	font-weight: bold;
}

.smart-page-head-title {
	font-size: 34rpx;
	color: #333;
}

/* 按钮区 */
.smart-padding-wrap {
	display: flex;
	flex-direction: column;
	gap: 20rpx;
}

/* 按钮 hover 效果 */
.navigator-hover {
	background-color: #e0f7fa;
}

.other-navigator-hover {
	background-color: #fce4ec;
}
</style>
